草庐IT

Bootstrap4 表单

全部标签

javascript - Angular 6 - 多级嵌套响应式表单重复输入

我有一个与AngularReactiveForm相关的问题,我无法解决。代码form.html和form.tsimport{Component,OnInit}from'@angular/core';import{FormArray,FormBuilder,FormGroup}from'@angular/forms';import{ProcessService}from"../../../service/process.service";@Component({selector:'app-check-order-form',templateUrl:'./check-order-form.

javascript - 第一次尝试时未显示崩溃中的 Bootstrap 下拉菜单

我在导航折叠中有一个下拉菜单。当我减小窗口的宽度(例如:700像素)时,导航栏会正确折叠,然后我单击btn-navbar以取消折叠它,然后我单击下拉菜单,但它不会下拉,菜单会不显示。如果我再次折叠并取消折叠,下拉菜单将开始工作。当窗口的宽度从一开始就很小时,也会发生同样的情况。就像折叠部分的高度在一开始是固定的,它不让下拉菜单做它的事情。ProjectnameAnonymousLoginRegisterBootstrapv2.2.0火狐16.0.2 最佳答案 许多人将此报告为存储库中的错误(例如Issue#5671、Issue#58

javascript - 在 AngularJS 中,当表单缺少 action 属性时,有没有办法禁用默认操作的预防?

在我的代码中,我有一个如下所示的表单:默认情况下,AngularJSdisablesformsubmissions没有指定Action属性。我知道我可以(并且应该)分配一个表单操作,但是我想知道是否有一种简单的方法可以防止AngularJS拦截这个特定的表单提交事件,以便它可以正常发布。 最佳答案 使用action="?"...Angular正在检查!attr.action,如果action=="",则为真。 关于javascript-在AngularJS中,当表单缺少action属性时

javascript - Bootstrap Slides 在使用 Angular 6 使用多项目轮播时滞后

我的问题是我正在为多项目轮播使用Angular6、Bootstrapv4和jQuery。如果我在轮播上有[1,2,3,4,5,6]这样的数据,它必须显示[1,2,3]。按下一步后它必须显示[4,5,6]。在我完成这一部分之前,我遇到了一些问题。只有第一张事件卡在移动,也有滞后,上一个和下一个按钮不可见。请检查一次Stackblitz文件,您将了解问题这是我在Stackblitz中的工作https://stackblitz.com/edit/angular-jvr6dhHTML代码InformationCard1Thisisalongercardwithsupportingtextbel

javascript - IE7 - <button> 不提交表单

如何在IE7中使用标签提交表单,同时执行表单上设置的所有表单验证?如果我只是执行document.forms[0].submit();它会提交,但会忽略表单验证。编辑:每个人都喜欢告诉我使用输入标签...这将汇总表单但在我的情况下不起作用,这就是为什么我询问按钮标签...SomeText 最佳答案 首先有一个提交类型为的按钮在您的表单标签中,将onsubmit()事件包含为如果表单验证通过,validate()函数应该返回true,如果验证失败则返回false。例如functionvalidate(){if(...){//valid

javascript - 将表单变量传递到 onsubmit 字段?

我正在尝试在发送表单之前验证表单的内容。基本上,我正在尝试处理表单中的数字并确保它们在正确的范围内。问题是我尝试验证它的JavaScript认为传递给它的项目是NaN(我一直在解析它)。一点工作表明变量(“size”)指的是一个“HTMLInputEleMent”,我猜它确实是NaN(虽然我不太确定它到底是什么)。我认为问题在于onSubmit没有传递我希望它传递的内容,即使我将该字段命名为“size”并且我也传递了onSubmit“size”。我试着把它放在引号中,但这只会把它变成一个字符串...我想知道您是否无法将变量从表单内部传递到它的onSubmit字段?是这样吗?如果是这样,

javascript - Handlebars.js 和 Bootstrap 网格 - 将列换行

我相信我需要一个自定义的Handlebars.jsBlockHelper来处理基于Bootstrap的网格系统中的行。我希望每3件元素都包装在中期望的输出.........模板:{{#employees}}{{name}}{{title}}{{skills}}{{/employees}}数据vardata={"employees":[{"name":"FredFlintstone","title":"FrontendDeveloper","skills":"html,css,javascript"},{"name":"SallyStruthers","title":"FrontendD

javascript - 如何在 Angular UI Bootstrap Pagination 中生成链接

我一直在继续学习angular,现在已经成功地使用了angularuibootstrap分页。我能够显示项目列表以及正确的页数。每当我点击分页时,也会切换到正确的页面。现在我的问题是,如果用户想要为某个页面添加书签,或者确保用户在刷新浏览器时都停留在同一页面上,我该怎么做。浏览器的地址栏上没有生成任何链接(href)。我还需要设置路线吗?能否请您发布一些示例,因为它会对我有很大帮助。谢谢。 最佳答案 你需要设置路线,你可以使用routeProvider来完成或uirouter在这个例子中,我使用路由提供者来演示,但是思路是一样的。这

javascript - 如何在 Bootstrap timepicker 上设置默认时间

如何为此日期时间选择器设置默认时间而不是当前时间http://tarruda.github.io/bootstrap-datetimepicker/? 最佳答案 您可以通过JavaScript设置默认时间:$('mySelector').timepicker({defaultTime:'10:45PM'});或者直接通过时间选择器的值属性:$('.myClass').timepicker({defaultTime:'value'});编辑:用于boostrap的默认时间选择器,我的错。对于您的特定时间选择器,似乎可以像这样设置日期时

javascript - 未知提供程序 : $rootElementProvider when using $injector to get $location service before angular. Bootstrap

您好,我正在尝试手动引导一个Angular应用程序,但有一些业务需要先处理。This文章提到了我感兴趣的技术。当我注入(inject)时:var$injector=angular.injector(["ng"]);var$http=$injector.get("$http");它工作正常,但是:var$injector=angular.injector(["ng","myApp"]);var$location=$injector.get("$location");抛出以下错误。UncaughtError:[$injector:unpr]Unknownprovider:$rootElem